<template>
    <n-button size="small" secondary>
        <template #icon>
            <n-icon :size="14">
                <FilterOutlined />
            </n-icon>
        </template>
        <n-badge :value="value"> 筛选 </n-badge>
    </n-button>
</template>

<script setup lang="ts">
import { FilterOutlined } from "@vicons/antd"
import { FilterCondition } from "../types"

const props = defineProps<{ data: FilterCondition[] }>()
const value = computed(() => props.data.length)
</script>
